<template>
  <div class="app-container">
    <h1>富文本的使用</h1>
    <h1 class="ql-align-center">
      《 <strong style="color: rgb(51, 51, 51);">虞美人 》
        </strong></h1><h2 class="ql-align-center"> 李煜</h2><p><br></p><h3><br></h3>
        <h3 class="ql-align-center"> <span class="ql-size-large" style="color: rgb(230, 0, 0);">春花</span>秋月何时了，
        <span class="ql-size-large" style="color: rgb(0, 138, 0);">往事</span>知多少？小楼昨夜又
        <span class="ql-size-large" style="color: rgb(240, 102, 102);">东风</span>，故国不堪回首月明中！</h3>
        <h2 class="ql-align-center"><span class="ql-size-large"> </span>雕栏玉砌应犹在，只是朱颜改。
        <span class="ql-size-large" style="color: rgb(161, 0, 0);">问君能有几多愁？恰似一江春水向东流。
          </span></h2><p  class="ql-align-justify"><br>
          </p>

  </div>
</template>

<script>

export default {
  data () {
    return {

    }
  }
}
</script>
<style lang="scss"  scoped>

</style>
